<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Front小思</title>
		<link href="//fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap" rel="stylesheet">
		<link href="//fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
		<link rel="stylesheet" href="assets/css/style-starter.css">
		<link rel="shortcut icon" href="easyicon.ico"/>
	</head>
	
	<body>
		<section class="w3l-bootstrap-header">
			<nav class="navbar navbar-expand-lg navbar-light py-lg-3 py-2">
				<div class="container">
					<a class="navbar-brand" href="index.html"> Front小思◆站点</a>
					<!-- if logo is image enable this   
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
					 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon fa fa-bars"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto">
							<li class="nav-item">
								<a class="nav-link" href="index.html">首页</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="about.html">关于</a>
							</li>
							<!-- <li class="nav-item">
								<a class="nav-link" href="services.html">服务</a>
							</li> -->
							<li class="nav-item">
								<a class="nav-link" href="contact.html">联系</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</section>
		
		<section class="w3l-service-breadcrum">
			<div class="breadcrum-bg">
				<div class="container py-5">
					<p><a href="index.html">首页</a> &nbsp; / &nbsp; 服务</p>
				</div>
			</div>
		</section>
		<section class="w3l-features-4">
			<div class="features py-5" id="services">
				<div class="container py-md-3">
					<div class="heading text-center mx-auto">
						<h3 class="head">我的服务</h3>
						<p class="my-3 head"> 我爱你，我爱你，我爱你。我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力， 
						我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力。 
						腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?腐败的问题是什么? 
						腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?你们是来吃点苦头的吗?Doloremque,啊?</p>
					</div>
					<div class="fea-gd-vv row mt-5 pt-3">
						<div class="float-lt feature-gd col-lg-4 col-md-6">
							<div class="icon"> <span class="fa fa-code" aria-hidden="true"></span></div>
							<div class="icon-info">
								<h5><a href="#">网站设计</a></h5>
								<p> 爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始 </p>
								<a href="#" class="red mt-3">Read More <span class="fa fa-angle-right pl-1"></span></a>
							</div>
						</div>
						<div class="float-mid feature-gd col-lg-4 col-md-6 mt-md-0 mt-5">
							<div class="icon"> <span class="fa fa-cogs" aria-hidden="true"></span></div>
							<div class="icon-info">
								<h5><a href="#">Web 开发</a></h5>
								<p> 爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始 </p>
								<a href="#" class="red mt-3">Read More <span class="fa fa-angle-right pl-1"></span></a>
							</div>
						</div>
						<div class="float-rt feature-gd col-lg-4 col-md-6 mt-lg-0 mt-5">
							<div class="icon"> <span class="fa fa-mobile" aria-hidden="true"></span></div>
							<div class="icon-info">
								<h5><a href="#">App 开发</a></h5>
								<p> 爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始 </p>
								<a href="#" class="red mt-3">Read More <span class="fa fa-angle-right pl-1"></span></a>
							</div>
						</div>
						<div class="float-lt feature-gd col-lg-4 col-md-6 mt-5">
							<div class="icon"> <span class="fa fa-lock" aria-hidden="true"></span></div>
							<div class="icon-info">
								<h5><a href="#">网络安全</a></h5>
								<p> 爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始 </p>
								<a href="#" class="red mt-3">Read More <span class="fa fa-angle-right pl-1"></span></a>
							</div>
						</div>
						<div class="float-mid feature-gd col-lg-4 col-md-6 mt-5">
							<div class="icon"> <span class="fa fa-bar-chart" aria-hidden="true"></span></div>
							<div class="icon-info">
								<h5><a href="#">数字营销</a></h5>
								<p> 爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始 </p>
								<a href="#" class="red mt-3">Read More <span class="fa fa-angle-right pl-1"></span></a>
							</div>
						</div>
						<div class="float-rt feature-gd col-lg-4 col-md-6 mt-5">
							<div class="icon"> <span class="fa fa-info" aria-hidden="true"></span></div>
							<div class="icon-info">
								<h5><a href="#">其他类别</a></h5>
								<p> 爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始，爱让你坐着，奉献你的爱，让你的爱开始 </p>
								<a href="#" class="red mt-3">Read More <span class="fa fa-angle-right pl-1"></span></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section class="w3l-pricing-7" id="pricing">
			<div class="w3l-pricing-7_sur py-5">
				<div class="container py-md-3">
					<div class="heading text-center mx-auto">
						<h3 class="head">看到我们的包</h3>
						<p class="my-3 head"> 我爱你，我爱你，我爱你。我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力， 
						我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力，我不愿再作任何努力。 
						腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?腐败的问题是什么? 
						腐败的问题是什么?腐败的问题是什么?腐败的问题是什么?你们是来吃点苦头的吗?Doloremque,啊</p>
					</div>
					<div class="row w3l-pricing-7-gd-top pt-3 mt-5">
						<div class="col-lg-4 col-md-6 w3l-pricing-7-gd-left">
							<div class="w3l-pricing-7  pric-7-1">
								<h6>私人定制</h6>
								<div class="w3l-pricing-7-bottom">
									<div class="w3l-pricing-7-bottom-bottom">
										<ul class="links">
											<li class="tick-info">终身使用</li>
											<li class="tick-info">3个月的支持和更新</li>
											<li class="tick-info">1网站许可证</li>
											<li class="tick-info">包括快速入门</li>
											<li class="tick-info">访问模板和扩展</li>
											<li class="tick-info">品牌/版权删除</li>
										</ul>
										<h3 class="title-sub mt-4">￥199.00</h3>
									</div>
									<div class="buy-button text-center mt-4">
										<a href="contact.html" class="btn btn-secondary btn-theme5">
											<div class="anim"></div><span>Get Started</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-6 mt-md-0 mt-4 w3l-pricing-7-gd-left active">
							<div class="w3l-pricing-7 pric-7 active">
								<h6 class="active">推进定制</h6>
								<div class="w3l-pricing-7-bottom">
									<div class="w3l-pricing-7-bottom-bottom">
										<ul class="links">
											<li class="tick-info">终身使用</li>
											<li class="tick-info">3个月的支持和更新</li>
											<li class="tick-info">1网站许可证</li>
											<li class="tick-info">包括快速入门</li>
											<li class="tick-info">访问模板和扩展</li>
											<li class="tick-info">品牌/版权删除</li>
										</ul>
										<h3 class="title-sub mt-4 active">￥299.00</h3>
									</div>
									<div class="buy-button text-center mt-4">
										<a href="contact.html" class="btn btn-secondary btn-theme5 active">
											<div class="anim"></div><span>Get Started</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-6 mt-lg-0 mt-4 w3l-pricing-7-gd-left">
							<div class="w3l-pricing-7 pric-7-2">
								<h6>终极定制</h6>
								<div class="w3l-pricing-7-bottom">
									<div class="w3l-pricing-7-bottom-bottom">
										<ul class="links">
											<li class="tick-info">终身使用</li>
											<li class="tick-info">3个月的支持和更新</li>
											<li class="tick-info">1网站许可证</li>
											<li class="tick-info">包括快速入门</li>
											<li class="tick-info">访问模板和扩展</li>
											<li class="tick-info">品牌/版权删除</li>
										</ul>
										<h3 class="title-sub mt-4">￥399.00</h3>
									</div>
									<div class="buy-button text-center mt-4">
										<a href="contact.html" class="btn btn-secondary btn-theme5">
											<div class="anim"></div><span>Get Started</span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="w3l-footer-29-main" id="footer">
			<div class="footer-29 text-center">
				<div class="container">
					<div class="main-social-footer-29">
						<a href="#facebook" class="facebook"><span class="fa fa-facebook"></span></a>
						<a href="#twitter" class="twitter"><span class="fa fa-twitter"></span></a>
						<a href="#instagram" class="instagram"><span class="fa fa-instagram"></span></a>
						<a href="#google-plus" class="google-plus"><span class="fa fa-google-plus"></span></a>
						<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin"></span></a>
					</div>
					<div class="bottom-copies text-center">
						<p class="copy-footer-29">© 2020 我的网站。| 设计版权所有 <a href="#">Front小思</a></p>
					</div>
				</div>
			</div>
			<!-- move top -->
			<button onclick="topFunction()" id="movetop" title="Go to top">
				<span class="fa fa-angle-up"></span>
			</button>
			<script>
				// When the user scrolls down 20px from the top of the document, show the button
				window.onscroll = function() {
					scrollFunction()
				};

				function scrollFunction() {
					if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
						document.getElementById("movetop").style.display = "block";
					} else {
						document.getElementById("movetop").style.display = "none";
					}
				}

				// When the user clicks on the button, scroll to the top of the document
				function topFunction() {
					document.body.scrollTop = 0;
					document.documentElement.scrollTop = 0;
				}
			</script>
		</section>

		<!-- 联系我 -->
		<!-- <script src="assets/js/xuanfu-lianxi.js"></script> -->
		<div class="suspension">
			<div class="suspension-box">
				<a href="javascript:;" class="a a-service "><i class="i"></i></a>
				<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
				<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>
        <div class="d d-service-phone">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="d-service-item clearfix">
							<span class="circle"><i class="i-tel"></i></span>
							<div class="text">
								<p>服务热线</p>
								<p class="red number">136-4000-5651</p>
							</div>
						</div>
					</div>
        </div>
				<div class="d d-service">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="d-service-item clearfix">
							<a href="#" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>QQ在线联系我(3098873668)</h3></a>
						</div>
					</div>
        </div>
				<div class="d d-qrcode">
					<i class="arrow"></i>
					<div class="inner-box">
						<div class="qrcode-img"><img src="./assets/images/myBlogImage.jpg" alt=""></div>
						<p>扫码加我微信</p>
					</div>
				</div>
			</div>
		</div>
		
		<script src="assets/js/jquery-3.3.1.min.js"></script>
		<script>
			$(function() {
				$('.navbar-toggler').click(function() {
					$('body').toggleClass('noscroll');
				})
			});
		</script>
		<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
		 crossorigin="anonymous">
		</script>
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
		 crossorigin="anonymous">
		</script>
	</body>
</html>

